<div style="border: 1px solid #ccc;margin: 2px 0;padding: 10px;background-color: #fff;height: 500px;">
  <div style="border-bottom: 2px solid #3ba0e4;padding-top: 20px;padding-bottom: 20px;height: 50px;">
    <div style="float: left;">
      <span style="font-size: 16px;font-weight: bold;">个人用户注册</span>
    </div>
    <div style="float: right;">
      <img src="/assets/p-step-1.png" style="margin-right: -17px;">
      <img src="/assets/p-step-2-h.png">
    </div>
  </div>
  <div style="margin-top: 20px;">
    <div style="line-height: 100px;text-align: center;font-size: 16px;">
      <p>注册成功，您在物流平台的登录帐号为<span style="color: orange;"><%= @user.login %></span>，请妥善保管好您的帐号资料。现在您可以：</p>
    </div>
    <div style="margin: 0 auto;width: 964px;">
      <div class="content-div" style="border: 1px solid #ccc;">
        <p style="font-size: 14px;font-weight: bold;margin: 20px;">立即查询提单</p>

        <p style="margin-left: 20px;margin-right: 20px;">输入您的提单号即可查看提单的详细信息，包括：提单的当前执行情况，配箱情况，出口港口，定位跟踪集装箱等。</p>
        <a href="/shipper_maps" class="btn-link">查询提单</a>
      </div>
      <div class="content-div" style="border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;">
        <p style="font-size: 14px;font-weight: bold;margin: 20px;">完善个人资料</p>

        <p style="margin-left: 20px;margin-right: 20px;">完善个人资料有助于其他企业及用户方便的了解及联系您，为您提供更优质的服务。</p>
        <a href="/users/<%= @user.id %>/edit" class="btn-link">立即完善资料</a>
      </div>
      <div class="content-div" style="border: 1px solid #ccc;">
        <p style="font-size: 14px;font-weight: bold;margin: 20px;">了解平台信息</p>

        <p style="margin-left: 20px;margin-right: 20px;">北洋慧通物流服务平台包含多个模块，为企业及用户提供了一站式的业务管理方案。</p>
        <a href="/" class="btn-link">回到首页</a>
      </div>
    </div>
  </div>
</div>

<style type="text/css">
    .btn-link {
        width: 100px;
        height: 30px;
        background-color: orange;
        color: white;
        display: block;
        text-align: center;
        line-height: 30px;
        position: absolute;
        right: 30px;
        bottom: 30px;
    }

    .content-div {
        width: 320px;
        float: left;
        height: 200px;
        position: relative;
    }
</style>